<template>
  <!-- 顶部导航栏 -->
  <HeaderComponent />
  <!-- 整体内容区域 -->
  <main class="main-container">
    <!-- 左侧菜单 -->
    <IndexMenu  />
    <!-- 中间主要内容区域 -->
    <ArticleCard :NewArticle="true"/>
    <!-- 右侧边栏 -->
    <IndexContact/>
  </main>
</template>

<script setup>
import HeaderComponent from "../components/HeaderComponent.vue";
import IndexMenu from "../components/IndexMenu.vue";
import ArticleCard from "../components/ArticleCard.vue";
import IndexContact from "../components/IndexContact.vue";

</script>

<style scoped>
.main-container {
  display: flex;
  flex: 1;
  background-color: #f0f2f5;
  min-height: calc(100vh - 60px);
  padding: 20px 0;
}




</style>
